
.layui-form-label {
    width: 81px;
}

.my-layui-input-inline {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    float: left;
    width: auto;
    margin-right: 10px;
}

.date-range-flex {
    display: inline-flex;
    align-items: center;
}

.date-range-flex > input {
    width: 190px;
}

.date-range-mid {
    margin: 0 5px;
}
/*甘特图*/
#gantt_here{
    width: 100%;
    height: calc(100vh - 176px);
}
.overdue-indicator {
    width: 24px;
    margin-top: 5px;
    height: 24px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 17px;
    color: white;
    background: rgb(255, 60, 60);
    line-height: 25px;
    text-align: center;
    font-size: 24px;
}
.custom_progress {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    height: 100%;
}

.custom_progress.nearly_done {
    background-color: #41B349;
}

.custom_progress.in_progress {
    background-color: #2969d5;
}

.custom_progress.idle {
    background-color: #eb2c13;
}
.custom_progress.advance{
    background: #30db3c;
}
.weekend{
    background: #f4f4f4;
}
/*.gantt_task_content{*/
/*    !*padding: 0!important;*!*/
/*    !*border-radius: 50px!important;*!*/
/*}*/

/*.baseline {*/
/*    position: absolute;*/
/*    border-radius: 2px;*/
/*    opacity: 0.6;*/
/*    margin-top: -6px;*/
/*    height: 17px;*/
/*    background: rgba(0 ,137 ,255,.5);*/
/*    border: none;*/
/*    box-sizing: border-box;*/
/*    display: flex;*/
/*    color: black;*/
/*    z-index: 999;*/
/*}*/
.legendBox{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 10px;
}
.planLegend{
    width: 15px;
    height: 15px;
    background: #FFBE4C;
    margin-right: 5px;
}
.blueLegend{
    width: 15px;
    height: 15px;
    background: #669EB7;
    margin-right: 5px;
    margin-left: 5px;
}
.greenLegend{
    width: 15px;
    height: 15px;
    background: #94C850;
    margin-right: 5px;
    margin-left: 5px;
}
.overdueLegend{
    width: 15px;
    height: 15px;
    background: #62B559;
    margin-right: 5px;
    margin-left: 5px;
}
.overlapLegend{
    width: 15px;
    height: 15px;
    background: #FF6666;
    margin-right: 5px;
    margin-left: 5px;
}
.
.legendBox span{
    margin-right: 20px;
}